<template>
  <svg
    class="svgIcon"
    aria-hidden="true"
    :style="{
      width: props.width,
      height: props.height,
      fill: props.color,
    }"
  >
    <use :xlink:href="`#${props.name}`"></use>
  </svg>
</template>
<script setup>
const props = defineProps({
  name: {
    type: String,
    required: true,
  },
  width: {
    type: String,
    default: "17px",
  },
  height: {
    type: String,
    default: "17px",
  },
  color: {
    type: String,
    default: "rgba(255, 255, 255, 0.7)",
  },
});
</script>
<script lang="scss" scoped></script>
